.page {
  min-height: 100vh;
  background: #f5f5f5;
}

.container {
  padding: 100px 16px 16px;
}

.search :global(.adm-search-bar) {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

.areaHeader {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #e6f4ff;
  border: 1px solid #91caff;
  padding: 8px 12px;
  border-radius: 12px;
  margin-bottom: 8px;
}

.areaBadge { font-size: 24px; }

.areaText { color: #1677ff; }

.areaSwitch { color: #1677ff; cursor: pointer; }

/* 顶部院区卡片与问诊引导 */
.areaCard {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #e6f4ff;
  border: 1px solid #91caff;
  border-radius: 12px;
  padding: 8px 12px;
  margin-bottom: 8px;
}
.areaIcon { font-size: 32px; }
.areaInfo { flex: 1; }
.areaName { font-size: 16px; font-weight: 600; color: #2b4acb; }
.areaAddr { font-size: 12px; color: #666; }
.areaSwitch { color: #1677ff; cursor: pointer; white-space: nowrap; }

.askBox {
  background: #f6fbff;
  border: 1px dashed #91caff;
  color: #667;
  border-radius: 12px;
  padding: 8px 12px;
  margin-bottom: 10px;
}
.askLink { color: #1677ff; margin-left: 8px; }

/* 科室双列布局 */
.deptLayout { display: flex; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,0.06); margin-top: 8px; }
.deptLeft { width: 110px; background: #fafafa; border-right: 1px solid #f0f0f0; }
.deptItem { padding: 14px 12px; color: #333; cursor: pointer; }
.deptActive { background: #f3f6ff; color: #2b4acb; border-left: 3px solid #2b4acb; }
.deptRight { flex: 1; }
.subRow { padding: 16px 14px; border-bottom: 1px solid #f5f5f5; }
.subName { color: #333; }
.subActive { color: #2b4acb; font-weight: 600; }

/* 最近挂号医生 */
.recentWrap {
  margin: 12px 0 8px;
}

.recentTitle {
  font-size: 14px;
  color: #666;
  margin-bottom: 8px;
}

.recentList {
  display: flex;
  gap: 8px;
  overflow-x: auto;
}

.recentItem {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  padding: 6px 10px;
  border-radius: 16px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  white-space: nowrap;
}

.recentAvatar {
  font-size: 16px;
}

/* 二级科室 */
.subDeptRow {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 12px 0 8px;
}

.subDept {
  padding: 6px 10px;
  background: #f3f6ff;
  color: #3b6ef6;
  border-radius: 16px;
  cursor: pointer;
}

.active {
  background: #3b6ef6;
  color: #fff;
}

/* 医生列表 */
.doctorList {
  margin-top: 8px;
}

.doctorCard {
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  margin-bottom: 12px;
}

.docHeader {
  display: flex;
  align-items: center;
  gap: 12px;
}

.avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #eef5ff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.docMeta {
  flex: 1;
}

.docName {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.docDept {
  font-size: 12px;
  color: #666;
  margin-top: 2px;
}

.docSchedule {
  font-size: 12px;
  color: #999;
  margin-top: 2px;
}

.docFee {
  color: #ff7a45;
  font-weight: 600;
}

.docFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}

.badges { display: flex; align-items: center; gap: 8px; }

.remain {
  font-size: 12px;
  color: #3b6ef6;
  background: #eef2ff;
  padding: 2px 8px;
  border-radius: 12px;
}

.tag {
  font-size: 12px;
  color: #52c41a;
  background: #f6ffed;
  padding: 2px 8px;
  border-radius: 12px;
}

.empty {
  text-align: center;
  color: #999;
  padding: 24px 0;
}


